<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_03外部样式</title>
    <link href="css_03外部样式.css" rel="stylesheet"/>
</head>
<body>
<!--
    外部样式：
        写在单独的.css文件中,随后在html文件中引入使用。
        1.新建一个扩展名为.css的样式文件,把所有的css代码都放入此文件中
        2.在html文件中采用 link标签进行引入.css文件
        注意点：
            1.link标签要写在head标签中
            2.link标签中的属性
                1.href:引入的文档来自哪里
                2.rel(relation：关系)：说明引入的文档和当前的html之间的关系
            3.样式可以进行复用，结构清晰，可触发浏览器的缓存机制，提高访问速度，实现了结构和样式的完全分离。
            4.基本上都是采用种方式去进行代码的编写。
-->
<!--
    三种样式的优先级顺序：
    对于同一种属性的修饰
    行内样式>内部样式=外部样式
    当内部样式和外部样式对同一属性进行修饰时，后写的会将前面的修饰给覆盖掉。回想代码至上而下进行编写流程。


-->
      <h1>CSS开篇之行内样式</h1>
      <h2>开启CSS学习之旅</h2>
      <p>上海</p>
      <p>北京</p>
      <p>法国</p>
      <p>日本</p>
      <p>法拉利</p>
</body>
</html>